<extend name="Public:Base" />
<block name="title">
    <title>美住 - 义卖统计</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" href="__PUBLIC__/src/meizhu/Hotel/index.css" />
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
    <style type="text/css">
        #datePickerContainer {
            width: 260px;
            float: left;
            text-align: center;
            cursor: pointer;
        }

        #datePickerInput {
            position: absolute;
            z-index: -1;
            left: 35px;
            top: 0;
            bottom: 0
        }

        
        .daterangepicker_input {
            display: none
        }
        .border-box {
            height: 28px;
            line-height: 28px;
            font-size: 12px;
        }
        #datePicker{
            padding:0 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        }
    </style>
</block>
<block name="document">
    <div id="doc" data-side-menu-id="charityMenuHotel" data-side-menu-toggle-id="collapseHotelToggle">
        <div id="doc-header">
            <include file="Public:Include_navbar" />
        </div>
        <div id="doc-center">

            <div class="container">
                <div class="col-xs-3-15">
                    <include file="Public:Include_sideMenu" />
                </div>
                <div class="col-xs-12-15">
                    <nav class="navbar navbar-default navbar-custom-fitin">
                        <div class="container-fluid">
                            <p class="navbar-text custom-navber-text">客栈列表</p>
                        </div>
                    </nav>
                    <nav class="navbar navbar-default navbar-custom-fitin nav-padding">
                        <div class="container-fluid">
                            <div class="collapse navbar-collapse">
                                <form id="searchForm" action="" method="post" >
                                    <div class="form-group">
                                        <!--  <label class="col-xs-1 control-label">客栈名称</label> -->
                                        <div class="col-xs-3">
                                            <input type="text" value="" class="form2-control col-xs-6"  placeholder="客栈名称"  name="k"  />
                                        </div>
                                        <div class="border-box "  id="datePickerContainer">
                                            <div class="col-xs-2 col-without-padding" style="padding: 0">日期:</div>
                                            <div class="col-xs-10 col-without-padding">
                                                <div id="datePicker">
                                                    <span class="iconfont icon-calendar"></span>&nbsp;
                                                    <span class="start" name="start">{:date('Y-m-1')}</span>&nbsp;&nbsp;
                                                    <span class="end" name="end">{:date('Y-m-d')}</span>
                                                    <input type="text"  name="s"  class="inputstart hidden" value="{:date('Y-m-1')}" >
                                                    <input type="text"  name="e"  class="inputend hidden" value="{:date('Y-m-d')}">
                                                </div>
                                                <input id="datePickerInput" value="">
                                            </div>
                                        </div>
                                        <div class="col-xs-2">
                                            <input href="javascript:void(0);" class="btn btn-default btn-sm  glyphicon glyphicon-search"  value='查找' type='submit' ></input>
                                        </div>
                                        {: echoSearchCharity()}
                                    </div>
                                </form>
                            </div>
                        </div>
                    </nav> 
                    <div class="well well-custom-has-navbar">
                        <div class="well-custom-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover" id="questionTalbe">
                                    <thead>
                                        <tr>
                                            <th>客栈名称</th>
                                            <th>掌柜名称</th>
                                            <th>手机号码</th>
                                            <th>义卖金额统计</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <foreach name="hotelData" item="vo">
                                        <tr>
                                            <td>{$vo.hotelName}</td>
                                            <td>{$vo.adminName}</td>
                                            <td>{$vo.mobile}</td>
                                            <td>{$vo.charityprice} {$vo.standsymbol}</td>
                                        </tr>
                                    </foreach>
                                    <tr class="padtopx"><td colspan="6">{$page}</td></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="doc-footer">
            <include file="Public:Include_footer" />
        </div>
    </div>
    <!--end of doc-->
</block>

<block name="extendFootJs">
    <script type="text/javascript" src="__PUBLIC__/src/meizhu/common.js"></script>    
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/uclbrt/js/jquery-plugin/tooltip.js"></script>
    <script type="text/javascript" src="__PUBLIC__/src/meizhu/Hotel/charityHotel.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
</block>

